import {componentsFnMap} from '../../config'

const settings = {
    "labelName":`信息框表单容器`,
    "componentNameShow":`信息框表单容器`, // 展示在左侧用来点击添加的
    "componentName":'ifInfoBoxForm', // 
    "children": [], // 存放容器中的表单列表，最终合成了containerBodyStr    
    "show":true, // 容器类可见性控制
}
componentsFnMap[settings.componentName] = {
    getHtmlStr (options = {}) {
        let {labelName = '容器',containerBodyStr = '',boxId = '',show} = options
        return `
        <div id="${boxId}"
                style="display:${show ? 'flex':'none'}"
                class="ifInfoBoxForm YCContainerWidget blockBox tabBox formBox if-component ycContainer ycWidget" style="height: auto">
            <header class="ycContainer-header">
                <div class="ycContainer-header-title">
                    ${labelName}
                </div>
            </header>
            <div class="ycContainer-body">
                <form name="" class="YCformWidget blockBox tabBox ycContainerBox  if-component " style="height:auto">
                    ${containerBodyStr}          
                </form>
            </div>
        </div>   
        `
    }
}
export default settings